{% extends "base.html" %}
{% block title %}Register{% endblock %}
{% block content %}
<h2>Register</h2>
<form method="POST">
  {{ form.hidden_tag() }}
  <div class="form-group">
    {{ form.username.label }} {{ form.username(class="form-control") }}
  </div>
  <div class="form-group">
    {{ form.password.label }} {{ form.password(class="form-control") }}
  </div>
  <div class="form-group">
    {{ form.email.label }} {{ form.email(class="form-control") }}
  </div>
  <div class="form-group">
    {{ form.first_name.label }} {{ form.first_name(class="form-control") }}
  </div>
  <div class="form-group">
    {{ form.last_name.label }} {{ form.last_name(class="form-control") }}
  </div>
  <div class="d-flex justify-content-between">
    <button type="submit" class="btn btn-primary">Register</button>
    <a href="{{ url_for('login') }}" class="btn btn-secondary">Login</a>
  </div>
</form>

<!-- Add "Already registered?" text below the login button -->
<div class="mt-2 text-right">
  <small>Already registered?</small>
</div>
{% endblock %}